{% macro dropdown(id, title, items, entrance) %}
<div class="dropdown" id="{{id}}">
    <a href="#" class="dropdown-toggle btn btn-primary text-white" data-toggle="dropdown" aria-expanded="false">{{ title }}</a>
    <div id="{{entrance}}" class="dropdown-menu dropdown-menu-left" x-placement="bottom-start" style="position: absolute; transform: translate3d(0px, 37px, 0px); top: 0px; left: 0px; will-change: transform;">
        {% for name, href in items %}
        <a href="{{href}}" class="dropdown-item">{{ name }}</a>
        {% endfor %}
    </div>
</div>
{% endmacro %}